// sass variables

// Theme colors
$theme-green: #00acac;
$theme-gray: #f8f9fa;
$theme-bright-gray: #eceef3;
$theme-dark-gray: #cccccc;
$theme-athens-gray: #f1f1f2;
$theme-blue: #2979ff;
$theme-purple: #727cb6;
$theme-white: #f6f7f8;
$theme-light-white: #f0f0f0;
$theme-light-blue-white: #e8f0fe;

$theme-black: #323232;
$theme-light-black: #24292e;
$theme-orange: #e4853f;
$theme-yellow: #ffdd57;
$theme-light-yellow: #fbeeca;
$theme-pink: #ff3860;
$theme-light-blue: #4a68aa;
$theme-bright-red: #fb0000;

$primary-color: #2962ff;
$primary-bg: #2962ff;

$secondary-color: #f8f9fa;
$secondary-bg: #f8f9fa;

$danger-color: #dc3545;
$danger-bg: #dc3545;
$danger-hover-bg: #c3081a;

$dark-bg: $theme-black;
$dark-hover-bg: $black;

$default-color: #758696;
$default-bg: #758696;

// standard colors
$blue: #20a8d8;
$indigo: #6610f2 !default;
$purple: #6f42c1 !default;
$pink: #e83e8c !default;
$red: #ff5454;
$white: #fff;
$orange: #fabb3d;
$yellow: #ffc107 !default;
$green: #79c447;
$gray: #808081;
$teal: #20c997 !default;
$cyan: #67c2ef;
$black: #000;

$font-family: 'Poppins';
$font-family-heading: 'Poppins';
$font-family-body: 'Poppins';
$font-size-x-small: 12px;
$font-size-small: 13px;
$font-size-medium: 14px;
$font-size-large: 15px;
$font-size-x-large: 16px;
$font-size-xx-large: 18px;
$font-size-huge: 20px;
$font-size-x-huge: 24px;
$font-size-heading-xsmall: 14px;
$font-size-heading-small: 16px;
$font-size-heading-medium: 18px;
$font-size-heading-large: 20px;
$font-size-heading-x-large: 24px;
$font-weight-thin: 200;
$font-weight-light: 300;
$font-weight-normal: 400;
$font-weight-medium: 500;
$font-weight-semibold: 600;
$font-weight-bold: 700;

// layout variables
$btn-bg: $white;
$btn-bg-hover: $primary-bg;
$font-color: #65676b;
$font-light-color: #00000026;
$font-custom-color: $theme-black;
$font-subtext-color: $gray;
$font-custom-hover-color: $theme-blue;
$font-hover-color: $black;
$font-focus-color: $black;
$font-heading-color: #262626;
$border-color-default: #e4e6eb;
$border-color-primary: $theme-bright-gray;
$border-hover-color: #ced9de;
$border-focus-color: #bdcbd2;
$separator-color: #e6e5ea;
$dark-overflow-bg: #0006;
$transparent-bg: #3232321f;
$transparent-gray-bg: #f1f3f4f5;
$transparent-white-bg: #f1f1f170;
$hover-bg: #e3e8ea;
$badge: $red;
$stars: #adb5bd;
$stars-active: #ffb302;
$disabled-bg: #d9dbdea1;

$outline-color: #7aacfe;
$validation-color: #dc3545;
$outline-box-shadow: 0 0 0 3px #159ce466;
$box-shadow: 0 0 10px 0 #e6e5ea;
$box-shadow-custom: 0 1px #e6e5ea;
$box-shadow-primary: 0 1px 2px #00000033;
$box-shadow-secondary: 0 0 2px #00000033;
$border-radius-default: 3px;
$border-radius-primary: 5px;
$border-radius-circle: 50px;
$line-height: 1.5;
$letter-spacing: 0.5px;
$border-default: 1px solid $border-color-default;
$border-primary: 1px solid $border-color-primary;
$layout-max-width: 1200px;
$layout-transition-speed: 0.3s !default;
$layout-transition-higher-speed: 0.6s !default;

// icons
$twitter: url('/images/social-icons/twitter.svg');
$pinterest: url('/images/social-icons/pinterest.svg');
$instagram: url('/images/social-icons/instagram.svg');
$facebook: url('/images/social-icons/facebook.svg');

$bars: url('/images/bars.png');
$chevron-down: url('/images/chevron-down.svg');
$close: url('/images/close.svg');
$bag: url('/images/bag.svg');
